<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>web作业2</title>
    <link rel="stylesheet" href="2.css">
    <style>
        li {
            list-style-type: none;
        }

        table {
            border-collapse: collapse;
            border: solid 3px;
        }

        td {
            border: solid 2px;
            padding: 3px;
        }

        th {
            border: solid 2px;
        }
    </style>
</head>

<body background="img/bj.jpg">
    <header>
        <div id="header">
            <div class="header">
                <div class="header-logo"> <img src="img/logo.jpg">
                    <h4><font color="white">纯粹感性游戏批判</font></h4>
                </div>
            </div>
            <div class="header-nav">
                <ul>
                    <li class="aaa"><a href="https://www.baidu.com/">沙盒游戏</a></li>
                    <li><a href="index1.html">类银河恶魔城</a></li>
                    <li><a href="https://www.baidu.com/">rouglike</a></li>
                    <li><a href="https://www.baidu.com/">魂like</a></li>
                </ul>
            </div>
        </div>
    </header>
    <main>

        <div class="banner">
            <div class="banner-left">
                <img src="img\mc.jpg">
                <p>&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;我的世界</p>
            </div>

            <div>
                <div class="bbb"><img src="img\tr.jpg" height="380px" width="500px" >
                    <p>&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;泰拉瑞亚<br>
                </div>
            </div>
        </div>
        <div>
            <div class="banner">
                <div class="banner-left">
                    <img src="img\ds.jpeg">
                    <p>&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp; 饥荒</p>
                </div>

                <div>
                    <div class="bbb"><img src="img\hsj.jpeg" height="380px" width="500px">
                        <p>&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp; 环世界</p>
                    </div>
                </div>
            </div>
        </div>
        <table>
            <tr>
                <td colspan="2" style="background-color:rgb(168, 47, 255);">沙盒游戏</td>
            </tr>
            <tr>
                <th style="background-color:rgb(110, 90, 112) ;">游戏名</th>
                <th style="background-color:rgb(110, 90, 112) ;">特色方面</th>
            </tr>
            <tr>
                <td>我的世界</td>
                <td>极高的自由度以及红石系统给予使其拥有无限的可能</td>
            </tr>
            <tr>
                <td>
                    泰拉瑞亚
                </td>
                <td>
                    高自由度同时具有丰富的战斗系统,可玩性非常之高
                </td>
            </tr>
            <tr>
                <td>
                    饥荒
                </td>
                <td>相对于上两款游戏更注重生存，死亡惩罚也最高，但探索未知总会有惊喜</td>
            </tr>
            <tr>
                <td>
                    环世界
                </td>
                <td>期门槛较高，劝退力度较大，但只要沉入其中反复摸索，会发现这真的是一个相当完整的世界。
                </td>
            </tr>
        </table>

    </main>
    <footer >
        <div><font color="white">小孩子不懂事，写着玩的</font></div>
    </footer>
</body>

</html>